<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>货品列表</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../dep/mui/css/mui.css" />
		<link rel="stylesheet" href="../../css/style.css" />
		<link rel="stylesheet" href="../../css/page/chioceProduct/chioce.css" />
	</head>

	<body>
		<header id="header" class="mui-bar mui-bar-nav header-lay">
			<h1 class="mui-title">货品列表</h1>
			<button class="product-list-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left" style="">
		    	<span class="mui-icon mui-icon-left-nav"></span>返回</button>
			<a href="newProduct.html" id="addGoods" class="mui-btn mui-btn-blue mui-btn-link mui-pull-right">新增</a>
		</header>
		<div class="mui-content mui-close-after">
			<div class='tipsConInit'></div>
			<ul class="mui-row pop-tab">
				<li class="mui-col-xs-4 mui-col-sm-4 pop-tab-title1 pop-tab-titleitem">
					产品分类<span class="mui-icon mui-icon-arrowdown"></span></li>
				<li class="mui-col-xs-4 mui-col-sm-4 pop-tab-title2 pop-tab-titleitem">
					排序<span class="mui-icon mui-icon-arrowdown"></span></li>
				<li id="chioce-search" class="mui-col-xs-2 mui-col-sm-2"><span></span></li>
				<li id="selectData" class="mui-col-xs-2 mui-col-sm-2"><img id="scanImg" src="../../img/chioceProduct/scan-icon.png"></li>
			</ul>
			<div id="pullrefresh" class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul id="mui-list" class="mui-table-view mui-table-view-striped mui-table-view-condensed list-con">

					</ul>
				</div>
			</div>

			<div class="mui-backdrop mui-active pop-back"></div>

			<div class="pop-tab-contdata pop-tab-conitem pop-tab-con1 pop-tab-titleitem ">

				<ul id="sortListShow" class="mui-table-view mui-table-view-radio">
					<li class="mui-table-view-cell mui-selected">
						<a href="javascript:;" class="mui-navigate-right">
							全部
						</a>
					</li>
				</ul>

			</div>
			<!--<div class="mui-reset-sure mui-row">
					<span id="mui-reset-product" class="mui-reset-chioce mui-col-xs-6">重置</span>
					<span id="mui-sure" class="mui-col-xs-6">确定</span>
				</div>				-->
			<div class="pop-tab-contstate pop-tab-conitem pop-tab-con2 pop-tab-titleitem">
				<ul class="mui-table-view mui-table-view-radio" id="orderByDate">
					<li data-orderBy="asc" class="mui-table-view-cell mui-selected">
						<a href="javascript:;" class="mui-navigate-right">
							更正时间正序
						</a>
					</li>
					<li data-orderBy="desc" class="mui-table-view-cell">
						<a href="javascript:;" class="mui-navigate-right">
							更正时间倒序
						</a>
					</li>

				</ul>
			</div>
			<!--<div class="mui-chioce">
					<button type="button" class="mui-action-back mui-btn  mui-btn-block">已选商品(1)</button>
					<button type="button" class="mui-action-back mui-btn  mui-btn-block">完成</button>
				</div>	-->
		</div>

	</body>

</html>
<script src="../../dep/seajs/3.0.0/sea.js"></script>
<script src="../../js/seajs_config.js"></script>
<script>
	seajs.use(["../../js/chioceProduct/init", "../../js/chioceProduct/chioceProduct", "../../js/chioceProduct/goodsdrapLoad"])
</script>
<script type="text/html" id="productlist">
	{{each items}}
	<li class="mui-table-view-cell product-list" data-id="{{$value.id}}">
		<a href="../stock/stockDetail.html" data-id="{{$value.id}}|{{$value.whId}}">
			<div class="mui-table-cell mui-col-xs-6">
				<p class="mui-product" data-goodsserial="{{$value.goodsSerial}}">{{$value.goodsSerial}}</p>
				<p class="mui-product">{{$value.goodsName}}-{{$value.specValue}}</p>
			</div>
			<div class="mui-supply">
				<span>库存：</span>
				<span id="proStock">{{$value.whNumber}}</span>台
			</div>
		</a>
	</li>
	{{/each}}
</script>
<!--<script id="libraryList" type="text/html">
	{{each list}}
        <li class="mui-table-view-cell">
			<a href="javascript:;" data-id = "{{$value.id}}" class="mui-control-item mui-navigate-right">
				{{$value.whName }}
			</a>
		</li>
    {{/each}}	
</script>-->
<script id="SortList" type="text/html">
	{{each list}}
	<li class="mui-table-view-cell">
		<a href="javascript:;" data-id="{{$value.id}}" class="mui-control-item mui-navigate-right">
			{{$value.catalogName}}
		</a>
	</li>
	{{/each}}
</script>